<!-- javascript for the calendar -->
<script type="text/javascript">
window.addEvent('domready', function() { 
  myCal1 = new Calendar({ fb_searchStartDate: 'Y/m/d' }, { direction: 0, classes: ['alternate'], navigation: 2, tweak: {x: 0, y: 0} });
  myCal2 = new Calendar({ fb_searchEndDate: 'Y/m/d' }, { direction: 0, classes: ['alternate'], navigation: 2, tweak: {x: 0, y: 0} });
});
</script>

<table>
  <tr>
    <td>Status</td>
    <td><select id="fb_searchOrderStatus" name="search_order_status" size="1">[+search_order_status_options+]</select></td>
  </tr>
  <tr>
    <td>Date</td>
    <td>
<input id="fb_searchStartDate" name="search_start_date" type="text" size="10" value="[+search_start_date+]" />
<span>to</span>
<input id="fb_searchEndDate" name="search_end_date" type="text" size="10" value="[+search_end_date+]" />
<span> or </span>
<select id="fb_searchCustomDate" name="search_custom_date" size="1" onchange="document.getElementById('fb_searchStartDate').value=''; document.getElementById('fb_searchEndDate').value=''; return false;">
	[+search_custom_date_options+]
</select>
    </td>
  </tr>
  <tr>
    <td>Search</td>
    <td><input id="fb_globalSearch" type="text" class="text" name="global_search" value="[+global_search+]"></td>
  </tr>
  <tr>
	  <td>
		  <input type="submit" name="search" value="Submit">
		  <a href="#" id="fb_clearSearchFields" onclick="
			  document.getElementById('fb_searchStartDate').value=''; 
			  document.getElementById('fb_searchEndDate').value=''; 
			  document.getElementById('fb_searchCustomDate').value=''; 
			  document.getElementById('fb_globalSearch').value=''; 
			  document.getElementById('fb_searchOrderStatus').value=''; 
			  return false;">clear</a>
	  </td>
  </tr>
</table>

